<template>
      <div>
            <div class="col-xs-12">
                  <div class="input-group">
                        <input id="prodkaisou-A" type="button" value="カテゴリ選択" style="width: 100%;" class="btn btn-default btn-sm" @click="showModal"/>
                  </div> 
            </div>
      </div>
</template>
<script>
import prod from 'prod';
export default {
      name:'prodComponent',
      props:{
      },
      data() {
            return {
                  prod:new prod(window.$),
            };
      },
      watch:{
      },
      methods:{
            showModal() {
                  this.prod.show()
            }
      },
      computed:{
      },
      mounted(){
            this.prod.init({
                  usercd:"10154057",
                  level:"1-1-1-1-1-1-1",
                  elementId:"prodkaisou-A"
            })
      }
};
</script>

<style scoped>
.input-group {
      width: 100%;
}
</style>